<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
	<%@ include file="/common/taglibs.jsp"%>
	<title>区域管理</title>
	<%@ include file="/common/meta.jsp"%>
	<link href="${ctx }/assets/css/bootstrap-tree.css" rel="stylesheet" type="text/css"/>
	<link href="${ctx }/assets/plugins/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="${ctx }/assets/css/jsTree/style.min.css" rel="stylesheet" type="text/css" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body>
	
	<!-- begin #page-loader -->
	<div id="page-loader" class="fade in"><span class="spinner"></span></div>
	<!-- end #page-loader -->
	
    <div id="page-container" class="fade page-sidebar-fixed page-header-fixed">
	
		<%@ include file="/common/header.jsp"%>
		<%@ include file="/common/slider.jsp"%>
		<div id="content" class="content">
		    <!-- BEGIN CONTENT HEADER-->
		    <ol class="breadcrumb pull-right">
				<li><a href="javascript:;"><fmt:message key="sys.healthcervix"/></a></li>
				<li><a href="javascript:;">系统设置	</a></li>
				<li class="active">区域管理</li>
			</ol>
			<h1 class="page-header">
				区域管理<!-- <small><fmt:message key="sys.healthcervix"/></small> -->
			</h1>
			
			<div class="row">
			<div class="col-md-12">
				<div class="col-md-3">
					<div class="panel panel-inverse">
						<div class="panel-heading">
							<div class="panel-heading-btn">
	                        	<a href="javascript:;" id="tree_2_collapse" class="btn btn-xs btn-success">收起</a>
								<a href="javascript:;" id="tree_2_expand" class="btn btn-xs btn-success">展开</a>
	                        </div>
							<h4 class="panel-title">区域管理</h4>				
						</div>
						<div class="panel-body">
							<div id="tree_2" class="tree-demo">
							</div>
						</div>
					</div>
				</div>
				<!-- begin col-12 -->
				<div class="col-md-9">
					<!-- begin panel -->
					<div class="panel panel-inverse">
						<div class="panel-heading">					
							<h4 class="panel-title">区域列表</h4>
						</div>
						<div class="panel-body">
	                        <p>
	                       		<a id="newMenuBtn" name="newMenuBtn" href="javascript:;" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i>新增国家</a>
	                      <!--  <a id="newBtn" name="newBtn" href="javascript:;" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i>新增省</a>
	                      		<a id="newButtonBtn" name="newButtonBtn" href="javascript:;" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i>新增市</a>   -->	
							</p>
							<table id="areaListTable" class="table table-striped table-bordered table-hover">
								<thead>
									<tr>
										<th style="width: 50%;">名称</th>
										<th style="width: 30%;">排序</th> 
										<th style="width: 20%;"><fmt:message key="public.list.operation"/></th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
					<!-- end panel -->
				</div>
				<!-- end col-12 -->
			</div>
			</div>
			
			<div class="modal fade" id="areaAddDlg">
				<div class="modal-dialog">
					<form id="editForm" name="editForm" action="#" class="form-horizontal">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h4 class="modal-title"><span id="headTitle"></span></h4>
							</div>
							<div class="modal-body">
								<div class="form-group">
			                        <label class="col-md-3 control-label ui-sortable"><fmt:message key="名称"/><span class="required">*</span></label>
			                        <div class="col-md-9 ui-sortable">
			                            <input type="hidden" name="id" id="id"/>
										<input type="hidden" name="treeType" id="treeType"/>
										<input type="hidden" name="level" id="level"/>
										<input type="hidden" name="parentId" id="parentId"/>
										<input type="hidden" name="parentIds" id="parentIds"/>
										<input type="text" name="name" id="name" class="form-control" placeholder="请输入名称" style="width: 80%"/>
			                        </div>
		                    	</div>
		                    	
		                    	<%-- <div class="form-group">
			                        <label class="col-md-3 control-label ui-sortable"><fmt:message key="system.resource.url"/><span id="urlrequired" class="required">*</span></label>
			                        <div class="col-md-9 ui-sortable">
			                        	<input type="text" name="url" id="url" class="form-control"   style="width: 80%"/>
			                        </div>
			                    </div>
			                    <div class="form-group">
			                        <label class="col-md-3 control-label ui-sortable"><fmt:message key="system.resource.permissions"/><span class="required">*</span></label>
			                        <div class="col-md-9 ui-sortable">
			                        	<input type="text" name="permissions" id="permissions" class="form-control"  style="width: 80%"/>
			                        </div>
			                    </div>--%>
			                    <div class="form-group">
			                        <label class="col-md-3 control-label ui-sortable"><fmt:message key="排序"/><span class="required">*</span></label>
			                        <div class="col-md-9 ui-sortable">
			                        	<input type="text" name="sortIndex" id="sortIndex" class="form-control" placeholder="请输入排序" style="width: 80%"/>
			                        </div>
			                    </div> 
							</div>
							<div class="modal-footer-dialog">
								<a href="javascript:;" class="btn btn-sm btn-default" data-dismiss="modal"><fmt:message key="public.button_close"/></a>
								<button type="submit" class="btn btn-sm btn-primary"><fmt:message key="public.button_save"/></button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- END CONTAINER -->
	<%@ include file="/common/footer.jsp" %>
	<script src="${ctx}/assets/js/bootstrap-tree.js"></script>
	<script src="${ctx}/assets/js/jstree/dist/jstree.min.js"></script>
	<script src="${ctx}/assets/js/ui-tree.js"></script>
	
	<script src="${ctx}/assets/js/jquery.dataTables.js"></script>
	<script src="${ctx}/assets/js/DT_bootstrap.js"></script>
	
	<script src="${ctx}/js/sysArea/list.js?v=${ver}"></script>
	<script type="text/javascript">
		jQuery(document).ready(function() {       
			AreaManager.init();
		});
	</script>
</body>
<!-- END BODY -->
</html>